<div class="row">
  <section class="col-md-8">
    <div class="box box-info">
      <div class="box-header">
        <h3 class="box-title">
          餐厅管理
          <a ng-click="openDialog()" class="btn btn-xs btn-primary">新增餐厅</a>
        </h3>
        <div class="box-tools pull-right">
          <a href="#/" class="btn btn-sm btn-primary pull-left">返回</a>
        </div>
      </div>
      <!-- /.box-header -->
      <div class="box-body">
        <div class="table-responsive">
          <table ng-table="canteenTable" show-filter="false" class="table no-margin">
            <tr ng-repeat="canteen in $data ">
              <td ng-bind="canteen.id" data-title="'ID'" class="hidden-xs hidden-sm"></td>
              <td ng-bind="canteen.name" data-title="'餐厅名'"></td>
              <td  data-title="'经理'">
                <span class="label label-info" ng-bind="canteen.user.name"></span>
              </td>
              <td ng-bind="canteen.address" data-title="'地址'"></td>
              <td  data-title="'创建日期'" ng-bind="canteen.created_at"></td>
              <td data-title="'管理'">
                <a class="btn btn-default btn-xs"
                   data-toggle="tooltip"
                   title="编辑餐厅"
                   ng-click="openDialog(canteen)">
                  <i class="fa fa-pencil-square-o"></i>
                </a>
              </td>
            </tr>
            <tr ng-show="!$data.length">
              <td class="text-center" colspan="10">没有相关餐厅</td>
            </tr>
          </table>
        </div>
        <!-- /.table-responsive -->
      </div>
      <!-- /.box-body -->
      <div class="box-footer clearfix">
      </div>
      <!-- /.box-footer -->

      <div class="overlay" ng-show="canteenTable.settings().$loading">
        <i class="fa fa-refresh fa-spin"></i>
      </div>
    </div>
  </section>
</div>